<!--
 * @Descripttion: 首页
 * @version:
 * @Author: lhl
 * @Date: 2024-09-01 20:52:01
 * @LastEditors: lhl
 * @LastEditTime: 2024-09-05 23:28:52
-->
<template>
  <div class="home">
    <Waterfall :items="items" />
  </div>
</template>
<script lang="ts" setup>
import API from '@/api';

import Waterfall from '@/components/waterfull/Waterfull.vue';

const items = ref([
  {
    content: '第一张图',
    src: 'https://img1.baidu.com/it/u=4106621176,3123050998&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500',
    alt: 'Image 1'
  },
  { content: '第二张图', src: 'https://picnew13.photophoto.cn/20190428/litiqiqiupngtu-33088983_1.jpg', alt: 'Image 2' },
  {
    content: '第三张图',
    src: 'https://img1.baidu.com/it/u=2906374857,373642026&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500',
    alt: 'Image 3'
  },
  {
    content: '第四张图',
    src: 'https://img1.baidu.com/it/u=1463015256,4269202528&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500',
    alt: 'Image 4'
  },
  {
    content: '第五张图',
    src: 'https://photo.16pic.com/00/87/81/16pic_8781369_b.jpg',
    alt: 'Image 5'
  },
  {
    content: '第六张图',
    src: 'https://img1.baidu.com/it/u=877465433,1889629478&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
    alt: 'Image 6'
  },
  {
    content: '第七张图',
    src: 'https://img1.baidu.com/it/u=1462750104,3538442026&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500',
    alt: 'Image 7'
  },
  {
    content: '第八张图',
    src: 'https://img1.baidu.com/it/u=1023774235,2927231278&fm=253&fmt=auto&app=138&f=PNG?w=500&h=500',
    alt: 'Image 8'
  },
  {
    content: '第九张图',
    src: 'https://photo.16pic.com/00/90/38/16pic_9038187_b.jpg',
    alt: 'Image 9'
  }
  // 更多数据...
]);

onMounted(async () => {
  const res = await API.agent.getAgentList({
    pageNo: 1,
    pageSize: 10,
    brandType: 'JZX'
  });
  console.log(res, 'res');
});
</script>

<style lang="less" scoped>
.home {
  color: @primary-color;
}
</style>
